<template>
  <view v-if="showNotice" class="tax-notice" @click="showNotice=false">
    <view class="tax-notice-container" @click.stop="">
      <view class="tax-notice-title">发票须知</view>
      <view v-if="from === 'detail'" class="tax-notice-content">
        <view class="tax-notice-txt">一、发票开具规则： 1）自营订单收货后，电子发票在48小时内，自动开具（如在月初1~6号则72小时内开具）。</view>
        <view class="tax-notice-txt">二、发票补开换开及修改规则：1）自营订单完成前可修改发票信息，请您务必确认修改内容：发票开具成功后，1年内可支持一次发票换开。</view>
        <view class="tax-notice-txt">三、电子普通发票插入微信卡包取消授权入口：可在微信服务号发票助手公众号（需关注）推送的发票消息通知内，点击“查看授权”后进行取消。</view>
      </view>
      <view v-else class="tax-notice-content">
        <view class="tax-notice-txt">1. 发票金额不含优惠券、红包、银行支付有礼等优惠扣减金额。</view>
        <view class="tax-notice-txt">2. 电子普通发票：（1）电子普通发票是税局认可的有效收付款凭证，其法律效力、基本用途及使用规定同纸质发票，如需纸质发票可自行下载打印；（2）碧选自营全面启用电子普通发票，用户可点击“我的订单-查看发票”查询和下载。</view>
        <view class="tax-notice-txt">3. 第三方卖家销售的商品/服务的发票由卖家自行出具、提供、发票类型和内容由卖家根据实际商品、服务情况决定。</view>
      </view>
      <view class="tax-notice-btn" @click="showNotice=false">我知道了</view>
    </view>
  </view>
</template>
<script>
export default {
  props: {
    from: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      showNotice: false
    }
  },
  methods: {
    show() {
      this.showNotice = true
    },
    close() {
      this.showNotice = false
    }
  }
}
</script>
<style scoped lang="scss">
.tax-notice {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
  .tax-notice-content {
    padding: 30rpx 0;
  }
  .tax-notice-container {
    position: absolute;
    top: 50%;
    left: 50%;
    width:600rpx;
    height:748rpx;
    margin: -374rpx 0 0 -300rpx;
    background-color: #fff;
    padding: 40rpx;
    box-sizing: border-box;
  }
  .tax-notice-title {
    font-size:36rpx;
    color:rgba(0,0,0,1);
    text-align: center;
  }
  .tax-notice-txt {
    font-size:26rpx;
    color:rgba(51,51,51,1);
    line-height:40rpx;
    padding-top: 10rpx;
  }
  .tax-notice-btn {
    width:500rpx;
    height:80rpx;
    background:rgba(0,0,0,1);
    font-size:28rpx;
    color:rgba(255,255,255,1);
    line-height:80rpx;
    text-align: center;
  }
}
</style>
